<!DOCTYPE html>

<html lang="en">
	<!--<![endif]-->

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<meta name="description" content="" />
		<meta name="author" content="" />

		<title>提交博客</title>
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
		<link href="assets/css/style.css" rel="stylesheet" />
		<link href='http://fonts.googleapis.com/css?family=Nova+Flat' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' />
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap-markdown.min.css">
	</head>

	<body>
		<div id="head">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-4">
						<a href="../template/inner_index.html">
							<img src="assets/img/LOGE.png" />
						</a>
					</div>
					<a href="personal.html"><img src="assets/img/头像1.jpg" id="personal"></a>
				</div>
			</div>
		</div>
		<section id="main">
			<div class="container">
				<div class="row">
					<div class="col-lg-9 col-md-9 col-sm-9">
						<div class="panel panel-default">
							<div class="panel-heading">
								<i class="fa fa-bell fa-fw"></i> 新建博客
							</div>
                        <div class="form-group col-lg-12 col-md-12 col-sm-12" style="margin: 10px;">
                            <input type="text" class="form-control" required="required" placeholder="输入博客标题，  正文请按照markdown格式进行编写" />
                        </div>							
							
							<form>
								<textarea name="content" data-provide="markdown" data-iconlibrary="fa" rows="20" id="editor" ></textarea>
							</form>
							<!-- 模态框（Modal） -->
							<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">      
			          					</button>
											<h4 class="modal-title" id="myModalLabel">
			              					遮罩层标题
			      						 </h4>
										</div>
										<div class="modal-body">
											<div class="upl" style="margin: 0 42px;">
												<input id="file" type="file" style="display: inline-block;" />
												<button id="upload" type="button" class="btn btn-primary" style="padding: 2px 5px;margin: 0;">upload</button>
											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭
			           					</button>
										</div>
									</div>
									<!-- /.modal-content -->
								</div>
								<!-- /.modal -->
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-primary">
								提交
							</button>
							</div>
							<!--编译界面-->
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<div class="list-group">
							<a href="../template/inner_index.html" class="list-group-item">内部网站首页</a>
							<a href="publicBlog.html" class="list-group-item active">公共博客</a>
							<a href="resource.html" class="list-group-item">资源夹</a>
							<a href="question.html" class="list-group-item">技术问答</a>
							<a href="index.html" class="list-group-item">实验室介绍页</a>
						</div>
						<div class="alert alert-danger text-center">
							<h3>Import Information</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit.
						</div>
					</div>
				</div>
			</div>
		</section>
		<div id="footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6">
						<h3>Organisation</h3>
						<p>
							湖南工业大学创新创业中心（实验室）
							<br /> &copy; 2017 开发&维护| 实验室前端组
						</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6">
						<h3>Get Quick Help</h3>
						<h4><span>QQ: </span>243462062（方）/947340410（黎）</h4>
						<h4><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>2757244276（张）/1456073180（刘）</h4>
					</div>
				</div>
			</div>
		</div>
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/markdown.js"></script>
		<script src="assets/js/to-markdown.js"></script>
		<script src="assets/js/bootstrap-markdown.js"></script>
		<script src="assets/js/bootstrap-markdown.fr.js"></script>
		<script type="text/javascript">
			(function($) {
				$.fn.markdown.messages.zh = {
					'Bold': "粗体",
					'Italic': "斜体",
					'Heading': "标题",
					'URL/Link': "链接",
					'Image': "图片",
					'List': "列表",
					'Unordered List': "无序列表",
					'Ordered List': "有序列表",
					'Code': "代码",
					'Quote': "引用",
					'Preview': "预览",
					'strong text': "粗体",
					'emphasized text': "强调",
					'heading text': "标题",
					'enter link description here': "输入链接说明",
					'Insert Hyperlink': "URL地址",
					'enter image description here': "输入图片说明",
					'Insert Image Hyperlink': "图片URL地址",
					'enter image title here': "在这里输入图片标题",
					'list text here': "这里是列表文本",
					'code text here': "这里输入代码",
					'quote here': "这里输入引用文本"
				};
			}(jQuery));
			$("#editor").markdown({
				autofocus: true,
				language: 'zh',
			});
		</script>
	</body>

</html>